<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="edge" />
<link rel="shortcut icon" href="static/style/images/favicon.ico" />
<!-- [EasyUI] -->
<link id="easyuiTheme" rel="stylesheet" type="text/css" href="/static/jquery-easyui-1.5.1/themes/gray/easyui.css" />
<link id="easyuiTheme" rel="stylesheet" type="text/css" href="/static/jquery-easyui-1.5.1/themes/icon.css" />
<script type="text/javascript" src="/static/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/static/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/static/jquery-easyui-1.5.1/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/static/js/HhUtil.js?t=20170109"></script>
<!-- [扩展样式] -->
<link rel="stylesheet" type="text/css" href="/static/css/dreamlu.css" />
<link rel="stylesheet" type="text/css" href="/static/css/icommon.css" />
<link rel="stylesheet" type="text/css" href="/static/css/login.css" />
<!--<script type="text/javascript" src="static/js/login.js" charset="utf-8"></script>-->
<title>用户管理</title>
<script type="text/javascript">

    var dataGrid;
    var flag = 1;

    $(function () {

        //首次进入拉取
        dataGrid = $('#dataGrid').datagrid({
            url: '/useraddschool',
            method:'get',
            fit: true,
            striped: true,
            rownumbers: true,
            singleSelect: true,
            idField: 'phone',
            pagination: true,
            pageSize: 20,
            pageList: [10, 20, 30, 40, 50, 100, 200, 300, 400, 500],
            columns: [[{
                width: '20%',
                title: ' id',
                field: 'id',
                hidden: true
            }, {
                width: '20%',
                title: ' 地市',
                field: 'area'
            },{
                width: '30%',
                title: ' 驾校',
                field: 'school'
            },{
                width: '20%',
                title: ' 提交用户',
                field: 'add_user'
            },{
                width: '30%',
                title: ' 提交时间',
                field: 'add_time'
            },]],
            toolbar: '#toolbar'
        });
        });

        function searchFun() {
            dataGrid.datagrid('load', $.serializeObject($('#searchForm')));
        }



    </script>
</head>
<body class="easyui-layout" data-options="fit:true,border:false">
<div data-options="region:'north',border:false" style="height: 30px; overflow: hidden;background-color: #fff">
  <form id="searchForm">
    <table>
      <tr>
          <th>搜索地市:</th>
          <td><input name="area" placeholder="搜索地市"/></td>

          <th>搜索驾校:</th>
          <td><input name="school" placeholder="搜索驾校"/></td>
        <td>
          <a href="javascript:void(0);" class="easyui-linkbutton"
                       data-options="iconCls:'icon-search',plain:true" onclick="searchFun();">查询</a> </td>
          <td></td>
      </tr>
    </table>
  </form>

</div>
<div data-options="region:'center',border:true,title:'信息列表'">
  <table id="dataGrid" data-options="fit:true,border:false">
  </table>
</div>


</body>
</html>
